@charset "UTF-8";
/**
 * @file 重置样式和基础样式
 * @author its-wild(https://gitee.com/its-wild)
 * @date 2021/07/16
 */
* {
	box-sizing: border-box;
}

html,
body {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-family: 'PingFang SC', Avenir, Helvetica, Arial, sans-serif;
	color: #606266;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

ul,
li {
	list-style: none;
	padding: 0;
}

/* 重置滚动条样式 start */
@scroll-bar-size: 6px;
/* 定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
	width: @scroll-bar-size;
	height: @scroll-bar-size;
	background-color: transparent;
}

/* 定义滚动条轨道 */
::-webkit-scrollbar-track {
	background-color: #f0f0f0;
}

/* 定义滑块 */
::-webkit-scrollbar-thumb {
	border-radius: 3px;
	background-color: rgba(0, 0, 0, 0.5);
	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);

	&:hover {
		background-color: #bbb;
	}

	&:active {
		background-color: #888;
	}
}
/* 重置滚动条样式 end */

/* 增删改查 start */
.page-search-wrapper {
	.page-search-buttons {
		display: flex;
		align-items: center;
		margin-bottom: 24px;

		button {
			margin-right: 8px;

			&:last-child {
				margin-right: 0;
			}
		}
	}

	.ant-btn {
		display: flex;
		align-items: center;
	}

	.ant-form-item,
	.ant-select {
		width: 100%;
	}
}

/* 列表上方操作按钮区域 */
.page-operator {
	margin-bottom: 20px;

	button {
		margin-right: 8px;
	}
}

/* 弹框 */
.modal-form {
	.ant-form-item,
	.ant-select {
		width: 100%;
	}
}

/* 增删改查 end */
